<div id="mapContainer" class="col-xs-12 col-sm-9 col-md-9 col-lg-9 div-bordered" style="height:930px"></div>
<div  class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
    <div class="ribbon">
        <a href=""><span class="home fa fa-home"></span></a>
        <ol class="breadcrumb">
            <li>员工列表</li>
        </ol>
    </div>


    <div class="table-wrapper">
        <div class="toolbar">
            <form role="form">
                <div class="inline-group">
                    <label class="input"><input type="text" class="form-control input-sm" ng-model="q.userId" ng-change="search()" placeholder="用户名"> </label>
                    <label class="input col-sm-offset-1">角色：<select  class="input-sm" ng-model="q.userGroup" ng-options="userGroup.name for userGroup in vm.userGroups" class="form-control" ng-selected="" ng-change="search()"></select></label>
                </div>
            </form>
        </div>
        <table class="table table-striped table-hover props table-sm">
            <thead>
            <tr>
                <th width="1%"></th>
                <th width="10%">序号</th>
                <th width="20%">用户名</th>
                <th width="20%">姓名</th>
                <th width="20%">状态</th>
                <th width="30%">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="user in vm.userList">
                <td></td>
                <td class="message">{{$index+1+pager.pageSize*(pager.getCurPageNo()-1)}}</td>
                <td class="message">{{user.userId}}</td>
                <td class="message">{{user.name}}</td>
                <td class="message">{{user.aliveStatus.name}}</td>
                <td class="operate">
                    <button title="查看位置" ng-click="location(user.userPosition.longitude, user.userPosition.latitude, user.aliveStatus)" type="button" class="btn btn-primary btn-outline btn-xs">
                        <i class="">定位</i>
                    </button>
                    <!--<button title="历史轨迹" ng-click="displayHistory(bottle.number)" type="button" class="btn btn-primary btn-outline btn-xs">-->
                        <!--<i class="">轨迹</i>-->
                    <!--</button>-->
                </td>
            </tr>
            </tbody>
        </table>
        <div ng-if="vm.userList.length == 0" nj-table-no-data></div>
        <div nj-pager pager="pager" hidepagesizeoptions=true></div>
    </div>
    <div class="ribbon">
        <a href=""><span class="home fa fa-home"></span></a>
        <ol class="breadcrumb">
            <li>漏气报警列表</li>
        </ol>
    </div>


    <div class="table-wrapper">
        <div class="toolbar">
            <form role="form">
                <div class="inline-group">
                    <label class="input"><input type="text" class="form-control input-sm" ng-model="q.gasTrayId" ng-change="searchGasTrayAction()" placeholder="托盘ID"> </label>
                    <label class="input col-sm-offset-1">角色：<select  class="input-sm" ng-model="q.gasTrayLeakStatus" ng-options="gasTrayLeakStatus.name for gasTrayLeakStatus in vm.gasTrayLeakStatus" class="form-control" ng-selected="" ng-change="searchGasTrayAction()"></select></label>
                </div>
            </form>
        </div>
        <table class="table table-striped table-hover props table-sm">
            <thead>
            <tr>
                <th width="1%"></th>
                <th width="10%">序号</th>
                <th width="20%">用户名</th>
                <th width="20%">托盘号</th>
                <th width="20%">状态</th>
                <th width="30%">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="gasTray in vm.gasTrayList">
                <td></td>
                <td class="message">{{$index+1+pagerGasTray.pageSize*(pagerGasTray.getCurPageNo()-1)}}</td>
                <td class="message">{{gasTray.user.name}}</td>
                <td class="message">{{gasTray.number}}</td>
                <td class="message">{{gasTray.leakStatus.name}}</td>
                <td class="operate">
                    <button title="查看位置" ng-click="locationGasTray(gasTray.longitude, gasTray.latitude, gasTray)" type="button" class="btn btn-primary btn-outline btn-xs">
                        <i class="">定位</i>
                    </button>
                    <!--<button title="历史轨迹" ng-click="displayHistory(bottle.number)" type="button" class="btn btn-primary btn-outline btn-xs">-->
                    <!--<i class="">轨迹</i>-->
                    <!--</button>-->
                </td>
            </tr>
            </tbody>
        </table>
        <div ng-if="vm.userList.length == 0" nj-table-no-data></div>
        <div nj-pager pager="pagerGasTray" hidepagesizeoptions=true></div>
    </div>
    <p/>
</div>